﻿<%@ Page Language="C#" MasterPageFile="~/defaultLayout.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ MasterType  virtualPath="~/defaultLayout.master"%>
<asp:Content ID="maincontent" ContentPlaceHolderID="main" runat="server">
    <div class="content">
        <div class="topTenContainer">
            <asp:Label ID="lblTopTenTitle" runat="server" CssClass="topTenTitle" />
            <ul class="topTen">
                <asp:Repeater ID="repeaterTopTen" OnItemDataBound="repeaterTopTen_ItemDataBound" runat="server">
                    <ItemTemplate>
                        <li>
                            <asp:Label ID="lblPositie" runat="server" /> <a href="<%= Page.ResolveClientUrl( "~/FilmInfo.aspx") %>?movieID=<%#Eval("film_id") %>"><asp:Label ID="lblMovieName" runat="server" /></a>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
        <div class="newsContainer">
            <div class="newsItem">
                <div class="newsItemPicture active" id="item1">
                    <asp:Image height="250" width="450" runat="server" ID="bigImage1" />
                </div>
                <div class="newsItemPicture" id="item2">
                    <asp:Image height="250" width="450" runat="server" ID="bigImage2" />
                </div>
                <div class="newsItemPicture" id="item3">
                    <asp:Image height="250" width="450" runat="server" ID="bigImage3" />
                </div>
            </div>
           
            <div class="newsItemMenuContainer">
                <ul class="newsItemMenu">
                    <li>
                        <a href="javascript:btnNewsItemClick(1);">
                            <div class="newsItemMenuLabel active" id="btnItem1">
                                <asp:Label ID="lblNewsItemMenu1" runat="server" Text="Django Unchained" />
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:btnNewsItemClick(2);">
                            <div class="newsItemMenuLabel" id="btnItem2">
                                <asp:Label ID="lblNewsItemMenu2" runat="server" Text="Lincoln" />
                            </div>
                        </a>
                    </li>
                     <li>
                        <a href="javascript:btnNewsItemClick(3);">
                            <div class="newsItemMenuLabel" id="btnItem3">
                                <asp:Label ID="lblNewsItemMenu3" runat="server" Text="Django Unchained" />
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="adsHome">
            <img width="250" height="300" src="resources/images/Cola.jpg" />
        </div>

        <div class="comingSoonContainer">
            <asp:Label ID="lblComingSoonTitle" runat="server" CssClass="comingSoonTitle" />
            <ul class="comingsoon">
                <asp:Repeater ID="comingSoonRepeater" OnItemDataBound="comingSoonRepeater_ItemDataBound" runat="server">
                    <ItemTemplate>
                        <li>
                            <a href="<%= Page.ResolveClientUrl( "~/FilmInfo.aspx") %>?movieID=<%#Eval("film_id") %>"><asp:Label ID="lblMovieName" runat="server" /></a>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>

            <div class="newsItemTrailerMovieContainer">
                 
                <div class="newsItemMovieContainer">
                    <div class="newsItemTitle active" id="title1">
                        <asp:HyperLink ID="urlTitle1" runat="server"></asp:HyperLink>
                    </div>
                    <div class="newsItemContent active" id="content1">
                        <div class="newsItemContentDesc">
                            <asp:Label ID="lblDesc1" runat="server" />
                            <br /><br />
                            <asp:Repeater ID="ratedRepeater1" runat="server">
                                <ItemTemplate>
                                    <asp:Image ID="imgRated1" Width="25px" ImageUrl='<%# Eval("kijkwijzer_symbool") %>' runat="server" />
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                    <div class="newsItemTitle" id="title2">
                        <asp:HyperLink ID="urlTitle2" runat="server"></asp:HyperLink>
                    </div>
                    <div class="newsItemContent" id="content2">
                        <div class="newsItemContentDesc">
                            <asp:Label ID="lblDesc2" runat="server" />
                            <br /><br />
                            <asp:Repeater ID="ratedRepeater2" runat="server">
                                <ItemTemplate>
                                    <asp:Image ID="imgRated2" Width="25px" ImageUrl='<%# Eval("kijkwijzer_symbool") %>' runat="server" />
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                    <div class="newsItemTitle" id="title3">
                        <asp:HyperLink ID="urlTitle3" runat="server"></asp:HyperLink>
                    </div>
                    <div class="newsItemContent" id="content3">
                       <div class="newsItemContentDesc">
                            <asp:Label ID="lblDesc3" runat="server" />
                            <br /><br />
                            <asp:Repeater ID="ratedRepeater3" runat="server">
                                <ItemTemplate>
                                    <asp:Image ID="imgRated3" Width="25px" ImageUrl='<%# Eval("kijkwijzer_symbool") %>' runat="server" />
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                </div>
                <div class="movieTrailers">
                        <div class="newsItemTrailer active" id="trailer1">
                            <asp:Label ID="lblPreview1" runat="server" />
                    </div>

                    <div class="newsItemTrailer" id="trailer2">
                       <asp:Label ID="lblPreview2" runat="server" />
                    </div>

                    <div class="newsItemTrailer" id="trailer3">
                        <asp:Label ID="lblPreview3" runat="server" />
                    </div>
                </div>
            </div>
        
        <div class="clearDiv" ></div>
    </div>
</asp:Content>